@use '@/styles/reset.scss' as *;
@use '@/styles/element-reset.scss' as *;
@use '@/styles/transition.scss' as *;
@use 'element-plus/dist/index.css' as *;
@use 'nprogress/nprogress.css' as *;

#app {
  width: 100%;
  height: 100vh;
  min-width: 1200px;
  background-color: $bgColor;
}

.main-container {
  @include common-contenr;
}

// 原点
.circle {
  position: relative;
  margin-left: 15px;

  &::before {
    content: '';
    display: block;
    position: absolute;
    width: 8px;
    height: 8px;
    top: 7px;
    left: -14px;
    border-radius: 50%;
  }
}

.circle-green::before {
  background-color: var(--el-color-success);
}

.circle-red::before {
  background-color: var(--el-color-danger);
}

//去掉滚动条
.no-scrollbar {
  scrollbar-width: none; /* firefox */
  -ms-overflow-style: none; /* IE 10+ */
  overflow-x: hidden;
  overflow-y: auto;

  &::-webkit-scrollbar {
    display: none; /* Chrome Safari */
  }
}
